<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
            var body=document.getElementsByTagName("body")[0];
            //  .body  保存的是body的引用 
            var body=document.body;

            /*
                document.documentElement 保存的是html根标签
            */
            var html=document.documentElement;
            /*
                document.all 页面中所有的元素
            */
            var all=document.all;
            /*
                根据元素的class属性值查询一组元素节点对象
                    document.getElementsByClassName()可以根据class属性值获取一组元素节点对象，但是ie9+才支持
            */
            var box1=document.getElementsByClassName("box1");
            /*
                获取box1中的div
            */
            // var divs=document.getElementsByTagName("div");
            /*
                document.querySelector()
                    -需要一个选择器的字符串作为参数，可以根据一个css选择器来查询一个元素节点对象
                    -使用该方法只会返回一个元素，只会返回第一个
                
                document.querySelectorAll()
                    所有的元素，返回数组
            */
            var div=document.querySelector(".box1 div");
            console.log(div.innerHTML);
            var div=document.querySelectorAll(".box1");

        }
    </script>
</head>
<body>
    <div class="box1">
        <div>123</div>
    </div>
    <div class="box1"></div>
</body>
</html>